/* -------------------------------------------------------------- 
   Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, sup,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
camposet, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
padding: 0;
margin: 0;
border: 0;
vertical-align: baseline}

/* LAYOUT */
body{
	background: #EFEFEF;
	font: 12px/1.7em arial,sans-serif;
	min-height: 1063px;}

#layout { width: 100%; min-width: 960px; margin: 0 auto 5px; }

#topo { background: #263849 url(../imagens/topo_bg2.png) repeat-x 0 0; width: 93%; height: 96px; margin: 0 auto; position: relative; }

#topo h1{
	background: url(../imagens/logo4.png) no-repeat 0 0;
	width: 250px;
	height: 100px;
	line-height: 500px;
	overflow: hidden;
	color: #FFF;
	font-size: 32px;
	position: absolute;
	top: 10px;
	left: 10px;	}
	
#topo h1 a { display: block; }

#info_usuario{
	width: 215px;
	font-size: 11px;
	font-weight: bold;
	color: #DDD;
	text-align: right;
	position: absolute;
	right: 20px;
	top: 12px;
	padding-right: 85px;}

#info_usuario h4 { font-size: 16px; color: #DDD; margin-bottom: .6em; }

#info_usuario a { color: #F90; }
	
#info_usuario img { 
	width: 60px; 
	border: 3px solid #FFF; 
	position: absolute; 
	top: 0; 
	right: 0; }
	
.paginalogin{ width: 460px; margin:0 auto; height:250px;}

.paginageral{	
	width: 98%; 
	margin: 0 auto;
	margin: 0 10px 1.5em;
	float: left;}

#menu{ 
	background: rgb(75, 75, 77);
	width: 93%; 
	height: 47px; 
	margin: 0 auto 20px;
	position: relative;
	z-index: 100;}

#conteudo { width: 95%; margin: 0 auto; position: relative; z-index: 10; }

#rodape{width: 93%;	border-top: 1px dotted #AAA; clear: both; padding: 15px 0; margin: 0 auto; margin-top: 5em;}

.meio{	
	background: #FFF;	
	margin-bottom: 1.5em;
	position: relative;
	border: 1px solid #CCC;}
	
.meio-topo	{
	background: #F0F0F0 url(../imagens/bg_titul.png) repeat-x 0 0;
	color: #444;
	text-align: left;
	padding: 15px 0 15px 0;
	width: 100%;
	cursor: pointer;		
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #CCC;}

.meio-topo { padding-bottom: 10px; }

.meio-topo h4{
	font-size: 14px;			
	font-style: normal;
	font-weight: bold;
	color: #263849;
	padding: 0 0 0 10px;
	margin: 0;}
	
.meio-conteudo { padding: 20px 15px 15px; position: relative; }	

.compromisso{ border-bottom: 1px dashed #CCC; padding:20px;}
.compromisso ul{ list-style:none;}
.compromiso li{display: block;}
.compromisso span{color:#006; font-size:14px; font-weight:bold;}

.contatos{ border-bottom: 1px dashed #CCC; padding:20px; cursor: pointer;}
.contatos ul{ list-style:none; min-height:55px;}
.contatos li{ display:block;}
.contatos .imagemcontato{float:left; margin-right:20px;}
.contatos span{color:#006; font-size:14px; font-weight:bold;}
.conteudogeral p {padding-left:20px;}

.alfabeto{ list-style:none; margin-left:10%;}
.alfabeto li{display: block; border:1px solid #CCC; background-color:#069; float:left; padding:4px 10px; font-size:22px;}
.alfabeto li:hover{ background:#ececec;}
.alfabeto a{color:#FFF; text-decoration:none;}
.alfabeto a:hover{color:#333;}

/* FORMULÃ�RIO */
.form { padding: 0; margin: 0; }
.form .campo { width: 100%; float: left; }
.form label, 
.form span.label { color: #444; margin-right: 10px; padding-right: 10px; width: 125px; display: block; float: left;  font-weight: bold; text-align: right; position: relative; }
.form label em, 
.form span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
.form input:focus,
.form input.error:focus, 
.form textarea:focus {	background-color: #FFC; border-color: #FC6; }


.form .botao { float: left; margin-top: 1em; margin-bottom: 2.5em; margin-left: 145px; display: block; }
.form .campo { margin-bottom: 1.5em; }
.form .campo input,
.form .campo textarea{
	padding: 4px;
	margin-right: 1em;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}

/* Label top styles */
.label-top .campo label { width: 100%; display: block; text-align: left; }
.label-top .campo span.label { width: 100%; display: block; float: left; text-align: left; position: relative; }
.label-top .campo .campo_ajuda { margin-left: 0; font-size: 11px; }
.label-top .botao { margin-left: 0; }
.label-top .selector { width: 100%; display: block; float: left; }



/* BOTÃƒO */
.btn{
	color: #FFF;	
	font-weight: bold;
	display: inline-block;	
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	border-color: #16222C;
	padding: 0 15px 4px;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	cursor: pointer;
	position: relative;
	background-image: url(../imagens/bg-glass.png); 
	background-color: rgb(75, 75, 77); 
	background-repeat: repeat-x;
	background-position: 0 -80px; font-size: 12px; height: 32px; line-height: 29px;}

.btn:hover { background-color: #16222C; color: #FFF; }



/* MENU */
.menu-layout{
	text-align: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-color: #263849;
	background:  rgb(75, 75, 77);}

.menu-layout li { list-style-type: none; }

.menu{
	float: left;
	position: relative;
	z-index: 10;
	padding-left: 10px; 
	margin: 8px 0 10px 0;
	list-style-type: none;}

.menu:hover { z-index: 10000; border-color: #263849; }
	
.menu .menu-submenu, 
.menu .menu-link{
	background: url(../imagens/botao_bg.png) repeat-x right -200px;	
	font-weight: bold;
	color: #222;	
	font-size: 12px;
	text-decoration: none;
	line-height: 0;	
	display: block;
	padding: 15px 35px 15px 10px;	
	cursor: pointer;	
	position: relative;	
	z-index: 2;	
	border: 1px solid transparent;}

.menu-submenu { background-position: right -100px !important; }

.menu-link { background-position: right -2000px !important; color: #fff !important; padding-right: 10px !important; padding-bottom: 10px;  }

.menu:hover .menu-submenu{background-position: right -100px; background-color: #AAA;}

.menu-conteudo { 
	width: 140px;
	display: none; 
	padding: 10px;
	position: absolute;
	top: 98%;	
	left: 10px;
	border: 1px solid #aaa;
	text-align: left;
	color: #222;
	font-size: 11px;
	z-index: 6;
	background: #FFF;}

.menu .menu-conteudo li { background-image: none; }
.menu:hover .menu-conteudo { display: block; border-color: #aaa; }	

.mega-menu { background:  rgb(75, 75, 77); filter: none; padding: 2px 2px 0; z-index: 10000; }
.mega-menu ul { list-style-type: none; margin: 0; }
.mega-menu li { margin-bottom: .2em; background-image:  url(../imagens/setinha.png); background-repeat: no-repeat; position: relative;}
.mega-menu li a	{			 
	background-color: #F9F9F9;  
	display: block;
	padding: 5px 10px 5px 10px;
	color: #358;
	text-decoration: none;
	font-weight: bold;}

.mega-menu li a:hover { background-color: #DDD; }

.mega-menu li:hover > ul { display: block; }
	
.mega-menu li > ul { background: #689C29; width: 175px; padding: 10px 10px 5px; z-index: 1000; position: absolute; left: 100%; top: 0; display: none; }

/* MENU CORES*/
.menu-layout .menu-submenu { background-color: transparent; color: #fff; background-position: right top; border: 1px solid transparent; }
.menu-layout .menu:hover .menu-submenu,
.menu-layout .menu:hover .menu-link  { background-color: rgb(75, 75, 77); color: #fff; border-color: rgb(75, 75, 77); }
.menu-layout .menu:hover .menu-conteudo { border-color: rgb(75, 75, 77); }